// 获取表单的值,封装函数，以便复用
function renderForm() {
    axios.get("/my/userinfo").then((res) => {
        // console.log(res)
        let form = layui.form
        form.val("formFilter", res.data.data);
    })
}

//添加自定义校验规则
let form = layui.form;
form.verify({
    // 对用户昵称做个长度限制
    nickname: function (value) {
        if (value.length < 2 || value.length > 6) {
            return "昵称长度需要在2-6个字符"
        }
    },
});

// 表单提交的时候，完成用户信息的更新
// 给表单赋值
let layer = layui.layer;
// 1. 注册表单的提交事件
$('#form').on('submit', function (e) {

    // 2. 阻止默认行为
    e.preventDefault();

    // 3. 收集表单数据
    let data = $(this).serialize();

    // ====================== 发送ajax请求 ======================
    axios.post("/my/userinfo", data).then((res) => {
        if (res.data.status !== 0) {
            // 更新失败
            return layer.msg("修改用户信息失败");
        }

        // 更新成功
        layer.msg(res.data.message);

        // 调用父页面的getUserInfo函数，重新渲染index.html 的头像和昵称
        window.parent.getUserInfo();
    });
});

// 重置
$('#btnReset').on('click', function (e) {
    e.preventDefault();
    renderForm(); // 调用函数，重新发送ajax请求，获取用户信息，重新为表单赋值
});